@charset "utf-8";
/* CSS Document */

/* banner */
.page_banner{ width: 100%; height: 159px; overflow: hidden; position: relative; }
.page_banner img{ width: 1920px; height: 159px; position: absolute; top: 0; left: 50%; margin-left: -960px; }

/* 内容 */
.page{ width: 1100px; height: auto;;  margin: 0 auto; padding-top: 28px;}

/* 左侧分类 */
.page_left{ width: 240px; height: auto; overflow: hidden;  float: left;}
.page_left .page_left_tit{ width: 100%; height: 65px; border-bottom: solid 1px #2c59c2; font-size: 14px; font-family: arial; color: #bfbfbf; text-transform: uppercase; line-height: 28px;}
.page_left .page_left_tit .title{ width: 122px; color: #2c59c2; font-size: 24px; background: url(../images/sjx_03.png) no-repeat right center; font-family:'微软雅黑';}

.page_list{ width: 100%; height: auto; overflow: hidden; }
.page_list ul{}
.page_list ul li{ display: block; line-height: 30px; padding: 15px 0; padding-left: 5px; border-top: dotted 1px #c7c7c7; width: 235px;  font-size: 14px; }
.page_list ul li:first-child{ border: none; }
.page_list ul li em{ display: inline-block; width: 11px; height: 11px;  border-radius: 11px; background: #cacaca url(../images/sj_03.png) no-repeat center;}
.page_list ul li span{ display: inline-block; width: 15px; height: 5px; border-top: dotted 1px #999; margin: 0 1px; }
.page_list ul li a:hover{ font-weight: bold; color: #2b59c2;}
.page_list ul li:hover em{ background: #2b59c2 url(../images/sj_03.png) no-repeat center;}

.sublist{ display: none; margin-bottom: 30px; margin-top: -20px;}
.sublist a{ display: block; width: 210px; margin-left: 33px; padding-left: 17px; height: 36px; line-height: 70px;  background: url(../images/line_03.png) no-repeat left center;}

.currentDd a{ color: #2b59c2; font-weight: bold;}
.currentDd em{ background: #2b59c2 url(../images/sj_03.png) no-repeat center !important; }

.aa a{ color: #2b59c2; font-weight: bold; }
.aa em{ background: #2b59c2 url(../images/sj_03.png) no-repeat center !important; }


/* 右侧内容 */
.page_right{ width: 820px; height: auto; float: right; padding: 0 0 50px 18px; border-left: solid 1px #e5e5e5; }
.page_right .page_tit{ width: 780px; padding: 0 20px; height: 42px; line-height: 42px; background: #f5f5f5; }
.page_right .page_tit span{ font-size: 15px; font-weight: bold; color: #2b59c2;}
.page_right .page_tit .dqwz{ font-family: '宋体'; float: right; color: #999; }
.page_right .page_tit .dqwz a{ color: #999; }
.page_right .page_tit .dqwz a:hover{ color: #0009ea; }

.page_right .page_con{ width: 820px; height: auto;  padding-top: 23px; }
.page_right .page_con .about_text{ width: 100%; height: auto; overflow: hidden; font-size: 13px; line-height: 36px; }
.page_right .page_con .about_text img{ max-width: 100%; margin-bottom: 10px}

.page_right .page_con .about{ width: 100%; height: auto; overflow: hidden; }
.page_right .page_con .about dl{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; }
.page_right .page_con .about dl dt{ width: 100%; float: left; background: url(../images/jt.jpg) no-repeat left 2px center; height: 38px; line-height: 38px; color: #2b59c2; font-size: 14px; font-weight: bold; padding-left: 28px; border-bottom: 1px #e4e4e4 solid;}
.page_right .page_con .about dl dd{ width: 100%; float: left; line-height: 36px; font-size: 13px;}


/* 工厂相貌 */
.looks{ width: 100%; height: auto; overflow: hidden; }
.looks ul{}
.looks ul li{ display: block; float: left; width: 252px; height: 161px; padding: 3px; border: solid 1px #f1f1f1; margin-right: 20px; margin-bottom: 20px;}
.looks ul li:nth-child(3n){ margin-right: 0; }
.looks ul li img{ width: 252px; height: 161px; }

/* 荣誉资质 */
.honor{ width: 100%; height: auto; overflow: hidden; }
.honor ul{}
.honor ul li{ display: block; float: left; width: 247px; height: 349px; padding: 2px; border: solid 1px #f1f1f1; margin-right: 30px; margin-bottom: 20px;}
.honor ul li:nth-child(3n){ margin-right: 0; }
.honor ul li img{ width: 247px; height: 349px; }

/* 实验设备 */
.sys{ width: 100%; height: auto; overflow: hidden; text-align: center; line-height: 28px; font-size: 14px; color: #333;}
.sys img{ max-width: 100%; }
.sys h2{ font-size: 16px; color: #333; margin-bottom: 20px; }

/* 产品中心 */
.pro{  width: 100%; height: auto;  }
.pro dl{ width: 100%;  width: 100%; height: auto; overflow: hidden; }
.pro dl dt{ width: 218px; height: 145px; float: left; border: solid 1px #eaeaea;}
.pro dl dt img{ width: 218px; height: 145px;}
.pro dl dd{ width: 585px; height: auto; overflow: hidden; float: right;  line-height: 24px;}
.pro dl dd:nth-child(2){ font-size: 14px; font-weight: bold; color: #333; margin-bottom: 5px;}
.pro dl dd span{ color: #333; }

.pro_con{ width: 100%; height: auto;  margin-top: 30px;}
.pro_con .for{  width: 99%; border-collapse:collapse;}
.pro_con .for tr{ width: 100%; background: #fff; }
.pro_con .for tr:hover{ background: #fff6e0; cursor:pointer;}
.pro_con .for tr th{ background: #2b59c2; color: #fff; padding: 10px 5px; font-weight: normal; border: solid 1px #e4e4e4;}
.pro_con .for tr th span{ display: inline-block; }
.pro_con .for tr td{ border: solid 1px #e4e4e4; text-align: center; padding: 10px 0; }

.pic{ position: relative; }
.pic:hover .pro_pic{ display: block; }
.pro_pic{ display: none; width: 218px; height: 145px;  border: solid 1px #eaeaea; position: absolute; top: 0; left: -220px; z-index: 999;}
.pro_pic img{ width: 218px; height: 145px; }

/* 产品中心详情 */
.pro_more{  width: 100%; height: auto; overflow: hidden;}
.pro_more dl{ width: 620px; height: auto; overflow: hidden; float: left;}
.pro_more dl dt{ width: 218px; height: 145px; float: left; border: solid 1px #eaeaea;}
.pro_more dl dt img{ width: 218px; height: 145px;}
.pro_more dl dd{ width: 380px; height: auto; overflow: hidden; float: right;  line-height: 28px;}
.pro_more dl dd:nth-child(2){ font-size: 14px; font-weight: bold; color: #333; margin-bottom: 5px;}
.pro_more dl dd span{ color: #333; }


.pro_more .line{ width: 1px; height: 140px; float: left; background: #e6e6e6; }

.xz{ width: 120px; height: 38px; float: left; border-radius: 10px; border: solid 1px #ed2d38;  text-align: center; line-height: 38px; background: url(../images/xz_03.jpg) no-repeat left 17px center; margin-left: 50px;  margin-top: 25px;}
.xz a{ margin-left: 30px; font-weight: bold; color: #ed2d38; font-size: 14px;}


/* 新闻中心 */
.news{  width: 100%; height: auto; overflow: hidden;}
.news dl{ width: 100%; height: 116px; overflow: hidden; float: left; margin-bottom: 10px;}
.news dl dt{ width: 295px; height: 116px; float: left;}
.news dl dt img{ width: 295px; height: 116px;}
.news dl dd{ width: 510px; height: auto; overflow: hidden; float: left; margin-left: 15px;}
.news dl dd:nth-child(2){ font-size: 14px; font-weight: bold; color: #333; margin-bottom: 10px;}
.news dl dd:nth-child(3){ font-family: "宋体"; line-height: 20px; color: #999; height: 40px; overflow: hidden;}
.news dl dd:nth-child(4){ width: 90px; height: 24px; line-height: 24px; border-radius: 10px; border: solid 1px #2b59c2; text-align: center; margin-top: 15px;}
.news dl dd:nth-child(4) a{ color: #2b59c2; }

.news ul{}
.news ul li{ line-height: 48px; height: 48px; border-bottom: dashed 1px #e2e2e2; display: block; width: 100%; overflow: hidden;}
.news ul li span{ float: right; color: #999;}


/* 新闻中心详情 */
.news_more{  width: 100%; height: auto; overflow: hidden;}
.news_more .news_more_tit{ font-size: 18px; line-height: 28px; width: 100%; text-align: center; font-weight: bold; color: #333; margin-bottom: 10px;}
.news_more .news_more_tit span{ display: block; font-size: 12px;  font-weight: normal; color: #999;}
.news_more .news_more_con{ line-height: 24px; font-size: 13px; }
.news_more .news_more_con img{ max-width: 100%; display: block; margin: 10px auto;}


/* 样品申请 */
.apply{  width: 100%; height: auto; overflow: hidden;}
.apply .apply_tit{ width: 630px; height: auto; overflow: hidden; float: left;}
.apply .apply_tit .apply_title{ height: 42px; text-align: center; background: #e6e6e6; color: #333; width: 275px; font-size: 14px;}
.apply .apply_tit .apply_title3{ height: 42px; text-align: center; background: #e6e6e6; color: #333; width: 175px; font-size: 14px;}
.apply .apply_tit .apply_title2{}
.apply .apply_tit .apply_title2 input{ border: none; background: #2b59c2; width: 66px; height: 42px; color: #fff; cursor: pointer;}
.apply_text{ width: 273px; height: 40px; border: solid 1px #e6e6e6; text-align: center; margin-top: 5px;}
.apply_text:first-child{ border-right: none;}
.del{border: none; width: 66px; height: 42px; color: #fff; margin-top: 5px; background: #e6e6e6 url(../images/del.png) no-repeat center; cursor: pointer;}

.apply .apply_rig{ width: 167px; height: auto; overflow: hidden; background: #f0f0f0; float: right; color: #333; padding: 10px; line-height: 24px;}
.apply .apply_rig a{ color: #2b59c2; }

.apply_con{  width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.apply_con .apply_con_tit{ width: 100%; float: left; background: url(../images/jt.jpg) no-repeat left 2px center; height: 38px; line-height: 38px; color: #2b59c2; font-size: 14px; font-weight: bold; padding-left: 28px; border-bottom: 1px #e4e4e4 solid; }

.apply_in{ width: 390px; height: 46px; float: left; margin-right: 40px; margin-top: 20px; line-height: 46px;}
.apply_in input{ width: 388px; height: 44px; border: solid 1px #e4e4e4; text-indent: 1em;}
.apply_in select{ width: 388px; height: 44px; border: solid 1px #e4e4e4; text-indent: 1em; color: #999; }
.apply_in:nth-child(2n){ margin-right: 0; }

.tj{ width: 210px; height: 46px; line-height: 46px; background: #2b59c2; text-align: center; margin-top: 20px; cursor: pointer; border: none; color: #fff;}
.tj a{ color: #fff; font-size: 14px;}


/* 型号搜索 */
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}

.case{width:100%;margin:0 auto;background:#fff;}
.case .title2{height:40px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;}
.case .title2 h2{ font-size: 20px;font-family: "microsoft yahei"; padding-left: 20px; padding-top: 10px;}
.case .title-list{ position: relative; top: 6px;}
.case .title-list li{ width: auto; margin: 0 10px; line-height: 43px; text-align: center; float: left; display: inline; cursor: pointer;}
.case .title-list li.on{ color: #2b59c2; font-weight: bold; border-bottom: solid 3px #2b59c2;}
.case .title-list p{position:absolute;top:34px;left:0px;width:156px;height:7px;border-top: 3px solid #2b59c2; overflow: hidden; text-align: center;}
.case .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #2b59c2 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height: auto; position: relative; overflow: hidden; display: none; margin-top: 10px; margin-bottom: 50px;}
.product-wrap .show{ display: block;}
.product dl{ width: 100%; height: auto; overflow: hidden; border-bottom: solid 1px #e6e6e6; padding-bottom: 35px; margin-top: 30px;}
.product-wrap .product dl dt{ width: 20%; float: left; height: auto; overflow: hidden; font-size: 16px; color: #2b59c2; padding-left: 20px; line-height: 40px;}
.product-wrap .product dl dd{ width: 295px; float: left; height: 38px; overflow: hidden; border: solid 1px #e1e1e1;  } 

.product-wrap .product dl dd input{ height: 40px; line-height: 38px; width: 210px; border: none;} 
.product-wrap .product dl dd input:first-child{ padding-left: 5px; }
.product-wrap .product dl dd input:nth-child(2){ width: 80px; background: #ccc; border: none; cursor: pointer;}